<template>
  <!--导航栏-->
  <el-container style="margin: 0 auto;">

    <el-header style="width: 100%;height: 45px;background-color: black">
      <div style="width: 1400px;height: 45px;margin: 0 auto;background-color: black">
        <el-row :gutter="5" style="color: white">
          <el-col :span="4" style="text-align: center;margin-top: 10px">BOSS直聘</el-col>
          <el-col :span="13">
            <el-menu style="background-color: black; height: 45px; font-size: 8px"
                     text-color="#ffffff" mode="horizontal" router active-text-color="#00ffff">
              <el-menu-item index="/"><a style="color: aqua;font-size: 15px">北京</a><a style="font-size: 10px">[切换城市]</a>
              </el-menu-item>
              <el-menu-item index="/list?type=1">首页</el-menu-item>
              <el-menu-item index="/details">推荐职位</el-menu-item>
              <el-menu-item index="/searchList/">搜索·公司</el-menu-item>
              <el-menu-item index="/list?type=3">校园·海归</el-menu-item>
              <el-menu-item index="/list?type=3">APP</el-menu-item>
              <el-menu-item index="/list?type=3">咨询</el-menu-item>
            </el-menu>
          </el-col>
          <el-col :span="7">
            <div style="margin-left: 10px">
              <el-menu style="background-color: black; height: 45px; font-size: 8px"
                       text-color="#ffffff" mode="horizontal" router active-text-color="#00ffff" ellipsis="false">
                <el-menu-item index="/recruit" >我要招聘</el-menu-item>
                <el-menu-item index="/list?type=3">我要找工作</el-menu-item>
                <el-button class="el-button" style="background-color: black">
                  <router-link to="/reg"><span class="zhuce">注册登录</span></router-link>
                </el-button>
              </el-menu>
            </div>

          </el-col>
        </el-row>

      </div>
    </el-header>
    <!-- 主体内容-->
    <el-main style="padding: 0">
      <router-view/>
    </el-main>


    <!--脚部-->
    <el-footer style="background-color: black;height: 280px;padding: 50px 0">
      <div style="width: 100%;margin: 0 auto;
      color: #666;text-align: center">
        <el-row>
          <el-col :span="6">
            <p>企业服务</p>
            <p>职位搜索</p>
            <p>新闻资讯</p>
            <p>BOSS直聘APP</p>
            <p>投资者关系 Investor Relations</p>
            <p>直品公益基金会</p>
          </el-col>
          <el-col :span="6">
            <p>使用与帮助</p>
            <p>协议与规则</p>
            <p>隐私政策</p>
            <p>防骗指南</p>
            <p>使用帮助</p>
          </el-col>
          <el-col :span="6">
            <p>联系BOSS直聘</p>
            <p>北京相信自己能上天技术有限公司</p>
            <p>公司地址: 花果山水帘洞</p>
            <p>违法和不良信息举报邮箱/未成年人举报渠道 jubao@kanzhun.com</p>
          </el-col>
          <el-col :span="6">
            <p>Archiver</p>
            <p>手机版</p>
            <p>小黑屋</p>
          </el-col>
        </el-row>
      </div>
    </el-footer>
  </el-container>
</template>


<script>

</script>
<style>
.el-button {
  margin-top: 8px;
}
.zhuce{
    color: white;
}
.zhuce:hover {
    color: #00d7c6;
}
</style>
